.page-body {
 	display: flex;
 	padding: 0 !important;
 	.page-border {
 		margin: 30px 30px 20px;
 		height: calc(100vh - 110px);
 		overflow: auto;
 	}
}

.user-profile {
	padding-bottom: 30px;
	border-bottom: 1px solid #EDF2F7;
	.profile {
		display: flex;
		margin: 30px 0 0 30px;
		.item-img {
				padding: 3px;
				border-radius: 100%;
				border: 1px solid #EDF2F7;
			span {
				width: 88px;
				height: 88px;
				overflow: hidden;
				display: block;
				background: #355FE5;
				border-radius: 100%;
				img {
					width: 88px;
					height: 88px;
				}
			}
		}
		.upload {
			display: flex;
			align-items: center;
			margin-left: 30px;
			.layui-bg-gray {
				background: #fff !important;
				border: 1px solid #EDF2F7;
				color: #1F2C37 !important;
				border-radius: 5px;
				height: 35px;
				line-height: 35px !important;
			}
			.tips {
				color: #9CA4AB;
				margin-left: 20px;
			}
		}
	}
}

.layui-font-14 {
	color: #66707A;
}

.user-form {
	margin: 30px 0 0;
	&.accounts {
		margin: 10px 0 0;
	}
	.layui-form-label {
		box-sizing: content-box;
		color: #1F2C37;
	}
	.text {
		margin-left: 20px;
	}
	.layui-form {
		margin-top: 30px;
		.layui-btn-primary {
			border-color: #ECF1F6;
		}
		.layui-input, .layui-input-wrap, .layui-textarea {
			width: 550px;
		}
	}
}

.layui-table td, .layui-table th {
	height: 48px !important;
	border-style: hidden !important
}
.layui-table-box {
	margin-top: 0 !important;
}

.acc-text {
	color: #9CA4AB;
	padding: 0 110px;
}

.layui-layer-setwin .layui-layer-close2 {
	background: none;
	color: #1F2C37;
	border: none;
	transition: all .2s;
	padding: 0;
	top: 0;
	right: 0;
	&:hover {
		background: none;
		opacity: .7;
	}
}

.edit-dialog {
	padding: 50px 50px 20px;
	.title {
		font-size: 16px;
		font-weight: 500;
		color: #01A2E4;
	}
	.text {
		color: #9CA4AB;
		margin-top: 5px;
	}
	.layui-form-item {
		display: flex;
		.layui-input-inline {
			width: 100%;
		}
	}
}

.m-box {
	margin: 28px 0 32px;
}

input::-webkit-input-placeholder{
	color:#999;
}

.notice-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	span {
		font-size: 16px;
		font-weight: 500;
	}
	button {
		background: #FDFDFD;
	}
}

.demo-tab-header .layui-btn.layui-this{border-color: #1E9FFF; color: #1E9FFF;}
.demo-tab-body>div{display: none;}

.layui-tab {
	ul {
		display: flex;
		li {
			line-height: 38px;
			padding: 0 18px;
			border-radius: 6px;
			margin-right: 20px;
			border: 1px solid #EDF2F7;
			cursor: pointer;
			&.layui-this {
				color: #fff;
				background: #01A2E4;
				border: 1px solid #01A2E4;
			}
		}
	}
}
.table-state {
	width: 6px;
	height: 6px;
	background: #22C55E;
}
.demo-tab-body {
	margin: 20px 0 0;
}
